{{extend defaultLayout}}

{{block 'css'}}
<link rel="stylesheet" type="text/css" href="{{_res_path}}/help/index.css" />
<% style = style.replace(/{{_res_path}}/g, _res_path) %>
{{@style}}
{{/block}}

{{block 'main'}}

<div class="info-box">
    <div class="head-box type{{bgType}}">
        <div class="title">{{"XXXXXX-Plugin使用帮助"}}</div>
        <div class="label">{{helpCfg.subTitle ||
            "Yunzai-Bot & XXXXXX-Plugin"}}</div>
    </div>
</div>

{{each helpGroup group}}
{{set len = group?.list?.length || 0 }}
<div class="cont-box">
    <div class="help-group">{{group.group}}</div>
    {{if len > 0}}
    <div class="help-table">
        <div class="tr">
            {{each group.list help idx}}
            <div class="td">
                <span class="help-icon" style="{{help.css}}"></span>
                <strong class="help-title">{{help.title}}</strong>
                <span class="help-desc">{{help.desc}}</span>
            </div>
            {{if idx%colCount === colCount-1 && idx>0 && idx< len-1}}
        </div>
        <div class="tr">
            {{/if}}
            {{/each}}
            <% for(let i=(len-1)%colCount; i< colCount-1 ; i++){ %>
            <div class="td"></div>
            <% } %>
        </div>
    </div>
    {{/if}}
</div>
{{/each}}
{{/block}}